<template>
  <div class="demo">
    <div class="demo-title">适应文本高度的文本域</div>
    <div class="demo-content">
      <Input.TextArea
        v-model:value="value1"
        placeholder="Autosize height based on content lines"
        auto-size
      />
      <div style="margin: 24px 0" />
      <Input.TextArea
        v-model:value="value2"
        placeholder="Autosize height with minimum and maximum number of lines"
        :auto-size="{ minRows: 2, maxRows: 5 }"
      />
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import Input from '@sscd/input';
  const value1 = ref<string>('');
  const value2 = ref<string>('');
</script>

<style lang="less" scoped></style>
